<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- <script src="https://cdn.jsdelivr.net/npm/m-observer@0.3.1/dist/index.min.js"></script> -->
</head>

<body>
    <is-line>
        <is-text style="color: rgb(255, 192, 203); font-weight: bold">这是</is-text>
        <is-text style="color: rgb(255, 192, 203)">一个</is-text>
        <is-text style="color: rgb(255, 192, 203); font-weight: bold">对比 </is-text>
        <is-katex>c = \\pm\\sqrt{a^2 + b^2}</is-katex>
        <is-text style="color: red">试验</is-text>
    </is-line>
    <is-line>
        <is-katex size="32px" align="center">c = \\pm\\sqrt{a^2 + b^2}</is-katex>
    </is-line>
    <is-monaco language="javascript" theme="vs-dark" value="encodeURI/**%0A%20*%20%E4%BB%A3%E7%90%86%20Element%20%E7%9A%84%20attributes%20%E5%B1%9E%E6%80%A7%0A%20*%20@param%20%7BElement%7D%20el%0A%20*%20@returns%0A%20*/%0Aexport%20function%20proxyAttribute(el)%20%7B%0A%20%20%20%20return%20new%20Proxy(el,%20%7B%0A%20%20%20%20%20%20%20%20get(t,%20p)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20t.getAttribute(p)%0A%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20set(t,%20p,%20v)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(v%20===%20null%20&&%20t.hasAttribute(p))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20t.removeAttribute(p)%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20t.setAttribute(p,%20v)%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20true%0A%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20has(t,%20p)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20t.hasAttribute(p)%0A%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20deleteProperty(t,%20p)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20t.removeAttribute(p)%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20true%0A%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20ownKeys(t)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20%5B...t.attributes%5D.map(row%20=%3E%20row.nodeName)%0A%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%7D)%0A%7D"></is-monaco>
    <script>
        const t = document.querySelectorAll('is-text')
        const k = document.querySelectorAll('is-katex')
        const m = document.querySelector('is-monaco')
    </script>
</body>

</html>